<template>
    <div class="keyBoardArea">
            <div class="left">
                <KeyNumberAreaWrap/>
            </div>
            <div class="right">
                <KeyWorkAreaWrap/>
            </div>
    </div>
</template>

<style lang="less" scoped>
  .keyBoardArea{
    width:100%;
    display: flex;
    .left{
        flex:7;
    }
    .right{
        flex:3;
    }   
  }
</style>
<script>

import {Component,Vue } from 'vue-property-decorator'
import KeyNumberAreaWrap from './KeyNumberAreaWrap.vue'
import KeyWorkAreaWrap from './KeyWorkAreaWrap.vue'

@Component({
    components: {
        KeyNumberAreaWrap,
        KeyWorkAreaWrap
    }
})
export default class KeyBoardArea extends Vue{
    
}


</script>
